<template>
  <div class="header">
    <router-link tag="div" class="search"  to="/search">
        <span class="iconfont">&#xe627;</span>
        <span class="value">搜索最热品牌和商家</span>
    </router-link>
  </div>
</template>

<script>
export default {
  name: 'HomeHeader',
  data () {
    return {
      
    }
  }
}
</script>

<style lang="stylus" scoped>
@import '../../../assets/css/varibles.styl'
.header
    height .8rem
    background-color  #fff
    .search
        width 90%
        flex 1
        background-color  #ffffff
        height  .66rem
        line-height  .66rem
        border-radius .5rem
        padding-left  .2rem
        color  #999
        text-align center
        border 1px solid rgba(102,102,102,0.2)
        margin .2rem 3%
        background-color  #efefef
        .value 
            text-align center
</style>
